/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#106d3e;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.theme-default { width:100%; height:640px; position:relative; overflow:hidden;}
.theme-default .bolang { height:33px; background:url(../images/bolang.png); position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.theme-default #slider { width:1920px; height:640px; position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a { display:block; width:30px; height:4px; margin:0 2px; background:#fff; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active { background:#192c75;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav { background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav { left:100px;}
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.nivoSlider { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav a { position:absolute; top:40%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.theme-default .nivo-controlNav { z-index:100; bottom:30px;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.banner { margin: 0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 80px; height: 8px; border-radius:10px; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #609e6e; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }

.banner2{ display:none;}

.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:80px 0;}

/*top*/
.top{ padding:30px 0;}
.top .top_menu{ line-height:55px; float:left; margin-left:20px; font-size:16px;}
.top .top_menu li{ float:left; margin-left:40px;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*index product*/
.p_t{ font-size:36px; text-align:center;}
.p_t2{ font-size:18px; text-align:center; margin:20px 0;}
.p_t2 br{ display:none;}
.h{ background:#70a78b; width:36px; height:3px; margin:0 auto 30px;}

.ind_pro{ position:relative;}

.swiper-container{ width: 100%}
.swiper-container .swiper-slide{ position:relative;}
.swiper-container .swiper-slide img{ width:100%;}
.swiper-container .swiper-slide .ind_p_t{ padding:30px 20px; background:#c9eed0;}
.swiper-container .swiper-slide .ind_p_t div{ position:relative; z-index:999;}
.swiper-container .swiper-slide .ind_p_t .p1{ font-size:18px; color:#282828;}
.swiper-container .swiper-slide .ind_p_t .p2{ margin-top:20px; color:#888;}
.swiper-container .swiper-slide .b{ position:absolute; top:15px; left:15px; bottom:15px; right:15px; border:1px solid #fff; transition:0.2s;}
.swiper-container .swiper-slide:hover .b{ top:0; left:0; bottom:0; right:0;}
.swiper-pagination{ width:100%; margin-top:20px; position:relative !important;}
.swiper-pagination-bullet{ width:15px !important; height:15px !important; margin:0 5px;}
.swiper-pagination-bullet-active{ background:#23784d !important;}

/*index advantage*/
.advantage{ background:url(../images/advantage.jpg) no-repeat;}
.advantage .p_t,.advantage .p_t2{ color:#fff;}
.advantage ul{ margin-top:60px;}
.advantage ul li{ text-align:center; width:25%; float:left; color:#fff; padding:10px; background:rgba(17,87,52,0); transition:0.2s; position:relative; top:0;}
.advantage ul li:hover{ background:rgba(17,87,52,0.7); top:-20px;}
.advantage ul li:hover span{ opacity:1;}
.advantage ul li p{ margin:10px 0; font-size:16px;}
.advantage ul li span{ font-size:12px; line-height:24px; opacity:0; transition:0.2s;}

/*index customer*/
.ind_cus{ background:#f2f2f2;}
.ind_cus img{ border-radius:50%;}

/*index about us*/
.ind_ab{ background:url(../images/ind_ab.jpg) no-repeat;}
.ind_ab2{ padding:120px 0;}
.ind_ab_m{ width:720px;}
.ind_ab_m .p1{ color:#007cc2; font-size:40px; text-transform:uppercase;}
.ind_ab_m .p2{ font-size:24px; color:#333; margin:40px 0;}
.ind_ab_m .p3{ line-height:30px;}
.ind_ab_m a{ display:block; float:left; padding:10px 20px; border:1px solid #666; margin-top:30px; background:rgba(52,133,92,0); transition:0.2s;}
.ind_ab_m a:hover{ background:rgba(52,133,92,0.8); color:#fff; border:1px solid #34855c;}

/*bottom*/
.bottom{ padding:50px 0;}
.bottom .bottom1_1{ float:left;}
.bottom .bottom1_1 .p1{ font-size:24px;}
.bottom .bottom1_1 .p2{ font-size:18px;}
.bottom .bottom1_2{ float:left; margin-left:100px; text-transform:uppercase;}
.bottom .bottom1_3{ float:left; margin-left:50px; padding-top:40px;}
.bottom .bottom1_4{ float:right;}

.foot{ background:#282828; padding:15px 0; color:#eff6fa;}
.foot a{ color:#eff6fa;}
.foot .p1{ float:left;}
.foot .p1 br{ display:none;}
.foot img{ height:14px; width:10px;}

/*n*/
.t_n{ background: url(../images/t_n.jpg) no-repeat center center; background-size: cover; width:100%; height:300px;}
.n2{ background:#f2fff3; padding:50px 0;}
.bigtit{ font-size:32px; text-align:center; color:#000; margin-bottom:40px;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#106d3e; margin:15px auto 0;}

.about_m{ padding:3%; background-color:#fff; width:44%; float:left; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:14px; line-height:1.8;}
.comp02{ width:50%; float:right; height:547px;}

/*product*/
.product{ background:#fff; padding:20px;}
.ind_pro_m{ max-width:1115px; margin:20px auto 0;}
.ind_pro_m li { float: left; margin-right: 10px; margin-bottom: 14px; border:1px solid #eaeaea; padding-bottom:80px; position: relative;}
.ind_pro_m li img{ width:363px; height:278px;}
.ind_pro_m li:nth-child(3n) { margin-right: 0; }
.ind_pro_m li a { display: block; }
.ind_pro_m li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m li a i { display: block; position: absolute; bottom: 24px; left: 20px; right:20px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #106d3e; font-style: normal; }
.ind_pro_m li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #106d3e; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m li a i span { display: block; font-size: 12px; }
.ind_pro_m li a:hover i { color: #106d3e; bottom: 10%; font-size: 20px; font-weight: bold; }
.ind_pro_m li a:hover i:before { background: #106d3e; }
.ind_pro_m li a:hover em { opacity: .8; filter: alpha(opacity=80); }

.ind_pro_m2{ max-width:1115px; margin:20px auto 0;}
.ind_pro_m2 li { float: left; margin-right: 13px; margin-bottom: 14px; }
.ind_pro_m2 li img{ width:363px; height:300px;}
.ind_pro_m2 li:nth-child(3n) { margin-right: 0; }
.ind_pro_m2 li a { display: block; position: relative; }
.ind_pro_m2 li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m2 li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #106d3e; font-style: normal; }
.ind_pro_m2 li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #106d3e; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m2 li a i span { display: block; font-size: 12px; }
.ind_pro_m2 li a:hover i { color: #106d3e; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m2 li a:hover i:before { background: #106d3e; }
.ind_pro_m2 li a:hover em { opacity: .8; filter: alpha(opacity=80); }

.ind_pro_m3{ max-width:1115px; margin:20px auto 0;}
.ind_pro_m3 li { float: left; margin-right: 13px; margin-bottom: 14px; }
.ind_pro_m3 li img{ width:363px; height:525px;}
.ind_pro_m3 li:nth-child(3n) { margin-right: 0; }
.ind_pro_m3 li a { display: block; position: relative; }
.ind_pro_m3 li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m3 li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #106d3e; font-style: normal; }
.ind_pro_m3 li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #106d3e; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m3 li a i span { display: block; font-size: 12px; }
.ind_pro_m3 li a:hover i { color: #106d3e; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m3 li a:hover i:before { background: #106d3e; }
.ind_pro_m3 li a:hover em { opacity: .8; filter: alpha(opacity=80); }

/*news*/
.news{ background:#fff;}
.news_ul{}
.news_ul li{ width: 100%; padding:15px 20px; position: relative; background:#fff;}
.news_lf{ float: left; width:60%;}
.ho-en{ font-size: 16px; color: #bab7b7; line-height: 20px; padding-top: 10px; display: block;}
.ho-chi{ font-size: 26px; line-height: 28px; padding-bottom: 26px; color: #2c4001; display: block;}
.more-news{ width: 120px; height: 32px; line-height: 32px; font-size: 16px; color: #333; text-align: center; border: 2px solid #333; transition-duration:300ms; font-family: arial; display:block; margin-top:20px; float:left;}
.download-news{ width: 120px; height: 32px; line-height: 32px; font-size: 14px; color: #333; text-align: center; transition-duration:300ms; font-family: arial; display:block; margin-top:5px; float:right;}
.more-news:hover{ background: #106d3e; border: 2px solid #106d3e; color: #fff;}
.news_chi{ font-size: 20px; line-height: 28px; display: block;}
.intro{ line-height: 1.6; font-size: 14px; color: #999;}
.intro i{ font-style: normal; color: #555;}
.news_order{ display:block; width:120px; height:32px; line-height:32px; color: #fff; text-align:center; font-size: 14px; background: #798351; transition-duration:300ms; position: absolute; left: 0; bottom: 80px;}
.news_order:hover{ background: #106d3e;}
.news_img{ float:right; width:25%; display:block; border:1px solid #ccc;}
.news_chi:hover{ color: #106d3e;}
.news_img img{ width: 100%; height:180px;}
.time{ display: block; padding-left: 24px; background: url("../images/new.png") left 5px no-repeat; line-height: 26px; padding-bottom:15px; color: #999; font-size: 14px;}

/**/
.contact_m{ position:relative;}
.contact_l{ float:left; height:500px; background:#ffffff; width:600px; padding:50px;}
.contact_r{ float:left; height:500px; background:#333333; width:600px; padding:50px;} 
.contact_l .p1{ font-size:24px; color:#333; margin-bottom:20px;}
.contact_l .p2{ color:#333; font-size:16px; line-height:2;}
.contact_r .p1{ font-size:16px; color:#fff;}


.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 100px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #b8b8b8;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:5px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #b8b8b8; background:none; overflow: hidden; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color:#b8b8b8; }
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family:Arial, Helvetica, sans-serif	}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #b8b8b8; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family:Arial, Helvetica, sans-serif; color:#b8b8b8; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family:Arial, Helvetica, sans-serif; margin-top:20px;}

@media (max-width: 1120px) {
.banner2{ display:block;}
.banner1{ display:none;}
.n,.n2{ padding:30px 0;}
.top{ padding:10px 0;}
.top .logo{ width:70%;}
.top .top_menu,.top .top_tel{ display:none;}
.menu{ display:block;}
.banner .hd ul li{ width:40px; height:4px;}
.p_t{ font-size:18px;}
.p_t2{ font-size:14px;}
.p_t2 br{ display:block;}
.advantage ul li span{ display:none;}
.swiper-pagination-bullet{ width:8px !important; height:8px !important;}
.ind_ab_m{ width:100%;}
.ind_ab_m .p1{ font-size:20px;}
.ind_ab_m .p2{ font-size:18px; margin:20px 0;}
.bottom .bottom1_1,.bottom .bottom1_3,.bottom .bottom1_4{ display:none;}
.bottom .bottom1_2{ width:100%; margin-left:0;}
.foot p{ float:none;}
.foot .p1{ float:none;}
.foot .p1 br{ display:block;}

.about_m{ width:100%; float:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.comp02{ width:100%; float:none; height:auto;}

.t_n{ height:150px; background: url(../images/t_n.jpg) no-repeat left center; background-size: cover;}
.bigtit{ font-size:24px; margin-bottom:20px;}
.ind_pro_m li{ width:48%; margin-right:2%;}
.ind_pro_m li:nth-child(3n){ margin-right:2%;}
.ind_pro_m li:nth-child(2n){ margin-right:0;}
.ind_pro_m li img{ max-width:100%; display:block; margin:0 auto; height:128px;}
.ind_pro_m li a i{ left:10px; font-size:12px;}

.ind_pro_m2 li{ width:48%; margin-right:2%;}
.ind_pro_m2 li:nth-child(3n){ margin-right:2%;}
.ind_pro_m2 li:nth-child(2n){ margin-right:0;}
.ind_pro_m2 li img{ max-width:100%; display:block; margin:0 auto; height:150px;}
.ind_pro_m2 li a i{ left:10px; font-size:12px;}

.ind_pro_m3 li{ width:48%; margin-right:2%;}
.ind_pro_m3 li:nth-child(3n){ margin-right:2%;}
.ind_pro_m3 li:nth-child(2n){ margin-right:0;}
.ind_pro_m3 li img{ max-width:100%; display:block; margin:0 auto; height:270px;}
.ind_pro_m3 li a i{ left:10px; font-size:12px;}

.news_lf{ width:100%; float:none;}
.news_img{ display:none;}

.contact_l,.contact_r{ width:100%; float:none; padding:20px; height:auto;}
}